<template>
  <div>
    <headertop></headertop>
    <navtop></navtop>
    <recommend></recommend>
    <other></other>
    <navbottom></navbottom>
    <!-- {{foo()}} -->
  </div>
</template>
<script>
import headertop from '../components/headers/header.vue'
import navtop from '../components/headers/navTop.vue'
import other from '../components/headers/other.vue'
import recommend from '../components/headers/recommend.vue'
import navbottom from '../components/headers/navBottom.vue'
// import getjson from '../directive/getjson.js'
export default {
  components: {
    headertop,
    navtop,
    other,
    recommend,
    navbottom
  },
  data () {
    return {

    }
  },
  methods: {

    /*  foo () {
      getjson('https://yapi.tuwan.com/Index/getPlayIndexApi/?type=chat&callback=_jsonp7npa956cnmd', (res) => { console.log(res) })
    } */

  }
}
</script>
